<template>
  <div class="illegalPay">
    <div class="orderMess">
      <h1 class="shopName">
        <img src="../assets/image/shopLogo.png" alt="" />
        <span>{{payMess.SHOP_NAME}}</span>
      </h1>
      <div class="shopItem">
        <div class="itemName">{{payMess.SERV_NAME}}</div>
        <div class="priceNum">
          <div class="num">x{{payMess.QUANTITY}}</div>
          <div class="price">￥{{payMess.allPRICE}}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
/*违章支付组件*/
import { setCookie, getCookie } from '../util/commonUtils';
export default {
  name:"maintainPay",
  // 数据
  data(){
    return{
    	userId:''
    }
  },
  props:['payMess'],
  // 计算属性
  computed:{

  },
  // 创建（实例创建完成）
  created(){
    this.userId=getCookie('loginkey');
  },
  // el被创建，并挂载到实例上
  mounted(){

  },
  // 方法（实例中的方法）-----------
  methods:{
    
  },
  // 子组件
  components:{
  }
}
</script>
<!--当前页面的样式 -->
<style lang="less" scoped>
.illegalPay{
  .orderMess{
  	background: #fff;
    .shopName{
      display: flex;
      padding-left: 0.2rem;
      height: 0.8rem;
      align-items: center;
      img{
        width: 0.4rem;height: 0.4rem;
      }
      span{
        font-size: 0.28rem;
        color:#000;
        padding-left: 0.24rem;
        font-weight: bolder;
      }
    }
    .shopItem,.workHours{
      display: flex;
      height: 1rem;
      line-height: 1rem;
      align-items:center;
      background: #f8f8f8;
      border-bottom: 1px solid #fff;
      text-align: left;
      .itemName{
        width: 70%;
        font-size: 0.26rem;
        padding-left: 0.2rem;
      }
      .priceNum{
        width: 25%;
        display: flex;
        padding: 0 0.3rem;
        justify-content: space-between;
        .price{
          font-size: 0.28rem;
          color: #000;
          padding:0 0.3rem;
        }
        .num{
          font-size: 0.25rem;
          color:#585858;
        }
      }
    }
    .times{
      display: flex;
      height: 0.8rem;
      align-items:center;
      font-size: 0.28rem;
      padding: 0 .2rem;
      color: #000;
      font-weight: 550;
      justify-content: space-between;
      .workTimes{
        color:#000;
      }
    }
    .settle{
      display: flex;
      height: 0.8rem;
      align-items:center;
      padding: 0 .2rem;
      justify-content: flex-end;
      span{
        font-size: 0.25rem;
        padding-left: 0.2rem;
      }
      em{
        font-style: normal;
        font-size: 0.23rem;
        color: #ff0000;
      }
    }
  }
}
</style>